<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于我们</title>
    <!-- 链入css初始化 -->
    <link rel="stylesheet" href="../../css/base.css">
    <!-- 链入头部和底部通用样式 -->
    <link rel="stylesheet" href="../../css/reset.css">
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="../../css/main.css">
    <!-- 链入首页主体样式 -->
    <link rel="stylesheet" href="../../css/index.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../../common/common.css">
    <link rel="stylesheet" type="text/css" href="../../css/animate.css">
    <link rel="stylesheet" type="text/css" href="../../css/aboutUs.css">
    <!--[if lt IE 9]>

<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>

<![endif]-->
</head>

<body>
    <header></header>

    <div class="productList-container">
        <div class="common-container-img">
            <img src="../../img/aboutUs/banner.jpg" alt="" class="banner pc">
            <img src="../../img/mobile/qybanner.jpg" alt="" class="banner mobile">
            <ul class="common-container-type clearfix show">
                <li class="active">
                    <img class="hides" src="../../img/select.jpg" alt="">
                    <img class="icon icon1" src="../../img/aboutUs/icon-1.png" alt="">
                    <img class="icon activeImg" src="../../img/aboutUs/icon1.png" alt="">
                    <span>集团介绍</span></li>
                <li>
                    <img class="hides" src="../../img/select.jpg" alt="">
                    <img class="icon icon1" src="../../img/aboutUs/icon-2.png" alt="">
                    <img class="icon activeImg" src="../../img/aboutUs/icon2-2.png" alt="">
                    <span>董事长致辞</span></li>
                </a>
                <li>
                    <img class="hides" src="../../img/select.jpg" alt="">
                    <img class="icon icon1" src="../../img/aboutUs/icon-3.png" alt="">
                    <img class="icon activeImg" src="../../img/aboutUs/icon-3-1.png" alt="">
                    <span>荣誉资质</span>

                </li>
                <li>
                    <img class="hides" src="../../img/select.jpg" alt="">
                    <img class="icon icon1" src="../../img/aboutUs/icon-4.png" alt="">
                    <img class="icon activeImg" src="../../img/aboutUs/icon-4-1.png" alt="">
                    <span>企业责任</span></li>
            </ul>
        </div>
        <!-- 集团介绍 -->
        <div class=" aboutUs">
            <div class="titles1 ispc wow fadeIn ">集团介绍</div>
            <div class="titleLine1 ispc wow fadeIn "><span></span></div>
            <div class="productText1  wow fadeIn">
                <div class="video" style="width: 100%;margin-bottom: 30px;"></div>
                <p>公司自创立以来，始终坚持“一顾国家、二顾民家、三顾员工”原则，</p>
                <p>致富思源，恩泽社会，积极参与支教助学、精准扶贫、修路建桥、抗疫救灾等公益慈善活动，勇于 担当社会责任。</p>
                <p>三十多年来，累计捐资2亿多元人民币用于公益事业，被评为“爱心企业”、</p>
                <p>“精准扶贫行动优秀企业” 、“新冠肺 炎疫情防控优秀企业”、“国家扶贫 龙头企业”等荣誉称号，受到政府和社会各界高度赞誉。</p>
            </div>
        </div>
        <!-- 董事长致辞 -->
        <div class="aboutUs displayNone">
            <div class="titles1 ispc wow fadeIn ">董事长致辞</div>
            <div class="titleLine1 ispc wow fadeIn "><span></span></div>
            <div class="productText1  wow fadeIn">
                <p>公司自创立以来，始终坚持“一顾国家、二顾民家、三顾员工”原则，</p>
                <p>致富思源，恩泽社会，积极参与支教助学、精准扶贫、修路建桥、抗疫救灾等公益慈善活动，勇于 担当社会责任。</p>
                <p>三十多年来，累计捐资2亿多元人民币用于公益事业，被评为“爱心企业”、</p>
                <p>“精准扶贫行动优秀企业” 、“新冠肺 炎疫情防控优秀企业”、“国家扶贫 龙头企业”等荣誉称号，受到政府和社会各界高度赞誉。</p>
            </div>
        </div>
        <!-- 荣誉资质 -->
        <div class=" aboutUs aboutUsHonor displayNone">
            <div class="titles1 ispc wow fadeIn ">荣誉资质</div>
            <div class=" ispc wow fadeIn honorSecTitle">Information Center</div>
            <div class="productText1  wow fadeIn ispc" style="font-size: 16px;">
                <p>多年来，王守义十三香系列调味品以优良的品质而深受广大消费者的青睐。公司先后获得了国家、省级多项荣誉:</p>
            </div>
            <div class="aboutHonor">
                <span class="top"><img src="../../img/aboutUs/c1.png" alt=""></span>
                <div class="honor-item odd">
                    <img class="icon" src="../../img/aboutUs/c2.png" alt="">
                    <div class="honor-box">
                        <p class="title">2020</p>
                        <div class="box-doc">
                            <img src="../../img/aboutUs/honor1.jpg">
                            <p>驿城区红十字会评为“爱心企业”、</p>
                            <p>“新冠肺炎疫情防控优秀企业”。</p>
                        </div>
                    </div>
                </div>
                <div class="honor-item env">
                    <img class="icon" src="../../img/aboutUs/c2.png" alt="">
                    <div class="honor-box">
                        <p class="title">2020</p>
                        <div class="box-doc">
                            <img src="../../img/aboutUs/honor2.jpg">
                            <p>驿城区红十字会评为“爱心企业”、</p>
                            <p>“新冠肺炎疫情防控优秀企业”。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 社会责任 -->
        <div class=" aboutUs displayNone">
            <div class="titles1 ispc wow fadeIn ">企业责任</div>
            <div class="titleLine1 ispc wow fadeIn "><span></span></div>
            <div class="productText1  wow fadeIn">
                <p>公司自创立以来，始终坚持“一顾国家、二顾民家、三顾员工”原则，</p>
                <p>致富思源，恩泽社会，积极参与支教助学、精准扶贫、修路建桥、抗疫救灾等公益慈善活动，勇于 担当社会责任。</p>
                <p>三十多年来，累计捐资2亿多元人民币用于公益事业，被评为“爱心企业”、</p>
                <p>“精准扶贫行动优秀企业” 、“新冠肺 炎疫情防控优秀企业”、“国家扶贫 龙头企业”等荣誉称号，受到政府和社会各界高度赞誉。</p>
            </div>

            <div class="aboutRes clearfix">
                <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 responsItem pull-left">
                    <a href="#">
                        <img src="../../img/aboutUs/img1.jpg">
                        <p class="word">捐建百秩店王守义路</p>
                    </a>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 responsItem pull-left">
                    <a href="#">
                        <img src="../../img/aboutUs/img1.jpg">
                        <p class="word">捐建百秩店王守义路</p>
                    </a>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 responsItem pull-left">
                    <a href="#">
                        <img src="../../img/aboutUs/img1.jpg">
                        <p class="word">捐建百秩店王守义路</p>
                    </a>
                </div>
            </div>
        </div>
        <footer></footer>

        <script src="../../js/jquery-1.11.3.min.js"></script>
        <script src="https://cdn.bootcdn.net/ajax/libs/wow/1.1.2/wow.min.js"></script>
        <script src="../../js/ckplayer.js"></script>
        <script src="../../js/common.js"></script>

        <script type="text/javascript">
            $(function () {
               
                jumpToTab('aboutUs')

                $('header').load('../../template/header.html')
                $('footer').load('../../template/footer.html')

                $(".common-container-type li").click(function () {
                    $(this).addClass('active').siblings().removeClass('active'); // 添加当前元素的样式
                    var idx = $(this).index()
                    $('.aboutUs').eq(idx).show().siblings('.aboutUs').hide()
                })

                //视频
                var videoObject = {
                    container: '.video', //“#”代表容器的ID，“.”或“”代表容器的class
                    variable: 'player', //该属性必需设置，值等于下面的new chplayer()的对象
                    video: 'http://img.ksbbs.com/asset/Mon_1703/05cacb4e02f9d9e.mp4' //视频地址
                };
                var player = new ckplayer(videoObject);

                if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
                    new WOW().init();
                };
            })
        </script>
</body>

</html>